@charset "utf-8";

/* 文字列表Main */
.main.w-1200{width: 1160px}
.main{background-color: #FFFFFF;padding: 20px;}

.main .breadcrumb{margin-bottom: 20px;color: #3d3d3d;}
.main .breadcrumb a{color: #3d3d3d;font-size: 14px;}
.main .breadcrumb a:hover{color: #0075b1;}
.main .breadcrumb a.on{cursor: default;}
.main .breadcrumb a.on:hover{color: #3d3d3d;}

.main .list{}

.main .list .list-left{width: 216px;min-height: 600px;border: 1px solid #dcdcdc;padding: 20px 20px 0;}
.main .list .list-left li{height: 43px;border: 1px solid #dcdcdc;line-height: 43px;
	padding-left: 40px;background-image: url(../img/list/list-right-icon.png);background-repeat: no-repeat;background-position: 186px center;
	margin-bottom: 20px;
}
.main .list .list-left li a{display: block;font-size: 18px;}
.main .list .list-left li:hover{background-image: url(../img/list/list-right-hover-icon.png);}
.main .list .list-left li.on{color: #FFFFFF;background-color: #0075b1;background-image: url(../img/list/list-on-icon.png);background-position: 8px center;}
.main .list .list-left li:hover a{color: #0075b1;font-weight: bold;}
.main .list .list-left li.on a{color: #FFFFFF;font-weight: bold;}

.main .list .list-right{width: 841px;min-height: 620px;border: 1px solid #dcdcdc;padding: 0 10px;}
.main .list .list-right li{
	padding-left: 20px;
	background-image: url(../img/list-style-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 55px;line-height: 55px;border-top: 1px solid #dcdcdc;overflow: hidden;
}

.main .list .list-right li:first-child{border-top:none;}
.main .list .list-right li a{display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.main .list .list-right li:hover a {color: #0075b1;}
.main .list .list-right li span{display: block;}

.main .pageBar{text-align: center;height: 50px;line-height: 50px;}
/* 文字列表Main end */

/* 图文列表 */
.main .list.list-tw .list-right li{background: none;height: 98px;line-height: 26px;padding: 20px 10px;}
.main .list.list-tw .list-right li > img{width: 155px;height: 98px;float: left;margin-right: 20px;}
.main .list.list-tw .list-right li > div .title{font-size: 18px;color: #3d3d3d;}
.main .list.list-tw .list-right li > div > p{font-size: 14px;color: #898989;}
.main .list.list-tw .list-right li > div .summary{text-indent: 2rem;height: 52px;overflow: hidden;}
/* 图文列表 end */

/* 图片列表 */
.main .list-pic-title{height: 40px;line-height: 40px;margin-bottom: 10px;
font-size: 24px;font-weight: bold;color: #0075b1;text-align: center;background-color: #f5f5f5;}
.main .list-pic{}
.main .list-pic li{float: left;margin:15px 10px;position: relative;width: 260px;height: 190px;background-color: #f3f3f1;padding: 5px;}
.main .list-pic li > a{display: block;}
.main .list-pic li > a img{width: 100%;height: 190px;/* width: 260px;height: 100%; */}
.main .list-pic li > a p{
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	position: absolute;bottom: 5px;right: 5px;left: 5px;height: 35px;line-height: 35px;text-align: center;
	color: #FFFFFF;background: none;background-image: url(../img/bg-translucent-gray-icon-x1.png);
	font-size: 16px;
	word-wrap:break-word;}
.main .list-pic li > a p:hover{height: 100%;line-height: 1.5;}
/* 图片列表 end */

@media only screen and (max-width:1360px ) {
}
@media only screen and (max-width:1200px ) {
	
}
@media only screen and (max-width:1024px ) {

}
 
@media only screen and (max-width:860px ) {
	.main{width: 95% !important;padding: 0 2.5%;}
	.main .list {margin-bottom: 10px;}
	.main .list .list-left{width: 100%;padding:0;min-height:0;margin-bottom: 10px;}
	.main .list .list-left li{margin-bottom: 10px;background-position: right 20px center}
	.main .list .list-left li:last-child{margin-bottom: 0;}
	.main .list .list-right{width: 95%;min-height: 0;float: left;padding: 0 2.5%;}
	
	/* 图文列表 */
	.main .list.list-tw .list-right li > img{width: 145px;margin-right: 10px;}
	/* 图片列表 */
	.main .list-pic li{width: 44%;margin: 5px;height: 110px;}
	.main .list-pic li > a img{height: 110px;}
}

@media only screen and (max-width:680px ) {
	
}

@media only screen and (max-width:481px ) {
	
}

@media only screen and (max-width:421px ) {
	
}

@media only screen and (max-width:375px ) {
	
}
@media only screen and (max-width:340px ) {
	
}